<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>【乐视商城】乐视电视、乐视手机、乐视会员官方网站-乐视官网</title>
		<link rel="stylesheet" href="css/index.css" type="text/css"  />
		<meta name="keywords" content="乐视商城,乐视,乐视手机,乐视超级电视,乐视超级手机,乐视电视,乐视网,letv">
		<meta name="description" content="乐视商城（乐视超级手机，超级电视，乐视网会员官方销售平台）是乐视超级手机，超级电视，乐视智能硬件，乐视配件等产品的官方线上销售平台。乐视商城是基于“平台+内容+终端+应用”垂直整合乐视生态，打造的全球生态型电商平台。">
		<script type="text/javascript" src="js/jquery.min.js" charset="utf-8"></script>
		<script type="text/javascript" src="js/require.js" data-main="js/indexreq.js"></script>
	</head>
	
	<body>
		<!----------------------------------------页头-------------------------------------------------->
		<header>
			<div class="margin">
				<ul class="header-l">
					<li class="dl-zc">
						<a href="login.html">登录</a>
						<span>|</span>
						<a href="register.html">注册</a>
					</li>
					<li class="person"><a href="javascript:void(0);">个人中心</a></li>
					
					<!--合作渠道-->
					<li class="hezuo">
						<div class="bt">
							<a href="javascript:void(0);">合作渠道<i class="fonticon fonticon-arrow-down"></i></a>
							<i></i>
						</div>
						<ul class="hz-menu">
                            <li><a target="_blank" href="javascript:void(0);">大客户通道</a></li>
                            <li><a target="_blank" href="javascript:void(0);" >LePar</a></li>
                            <li><a target="_blank" href="javascript:void(0);">销售联盟</a></li>
                        </ul>
					</li>
					
					<!--帮助中心-->
					<li class="help">
                        <div class="bt"><a href="javascript:void(0);" target="_blank">帮助中心<i class="fonticon fonticon-arrow-down"></i></a></div>
                        <div class="help-menu">
                            <ul>
                                <li><a target="_blank" href="javascript:void(0);">配送安装</a></li>
                                <li><a target="_blank" href="javascript:void(0);">售后服务</a></li>
                                <li><a target="_blank" href="javascript:void(0);">运费标准</a></li>
                                <li><a target="_blank" href="javascript:void(0);">联系客服</a></li>
                            </ul>
                        </div>
                    </li>
                    
                    <!--手机版切换-->
                    <li class="phone">
                        <div class="bt"><a href="javascript:void(0);" target="_blank">手机版<i class="fonticon fonticon-arrow-down"></i></a></div>
                        <div class="ph-menu">
                            <ul>
                                <li>
                                  <div class="pic"><img alt="" src="https://img1-lemall.letvimg.com/file/20160905/default/12540050008480802" style=""></div>
                                    <div class="text">扫码下载App</div>
                                </li>
                                <li>
                                    <div class="pic"><img alt="" src="https://img3-lemall.letvimg.com/file/20160905/default/12540104990856432" style=""></div>
                                    <div class="text">扫码访问微商城</div>
                                </li>
                            </ul>
                        </div>
                    </li>
				</ul>
			</div>
		</header>
		
		<!-----------------------此部分包含logo、搜索框和购物车按钮----------------------------->
		<div id="logo">
			<div class="margin clear">
				<a href="index.html" class="logo"></a>
				<!--搜索框   开始-->
				<div class="search">
		            <input type="text" class="txt" id="" style="color:#999">
		            <input type="button" class="btn cu" id="" value="搜  索">
		            <!-- 搜索内容弹框层 -->
		            <div class="hidden">
		             	<ul>
		             		<li>1111111111</li>
		             		<li>1111111111</li>
		             		<li>1111111111</li>
		             	</ul>
		            </div>
		            <!-- 搜索内容弹框层 -->
	          	</div>
	          	<!--搜索框        结束-->
	          	<div class="shop">
	                <a href="shop.html" target="_blank" ><span><i class="fonticon fonticon-cart"></i>  <em>购物车</em></span></a>
	            </div>
			</div>
		</div>
		<script type="text/javascript">
			var $oInput=$('.txt');
			var $oUl=$(".hidden ul");
			//获取数据
			function data(obj){
				var arr=obj.result;
				
				var html='';
				if($oInput.val()!=''){
					for(var i=0;i<arr.length;i++){
						html+='<li>'+arr[i][0]+'</li>';
					}
					$oUl.html(html);
				}else{
					$oUl.html('');
				}
				//判断ul的消失与隐藏
				if($oUl.html()!=''){
					$oUl.css('display','block');
				}else{
					$oUl.css('display','none');
				}
			}
			
			
			//用script请求数据
			$oInput.on('input',function(){
				var oScript=document.createElement('script');
				oScript.src="https://suggest.taobao.com/sug?code=utf-8&q="+$oInput.val()+"&_ksTS=1503494443977_1607&callback=data&k=1&area=c2c&bucketid=5";
				document.body.appendChild(oScript);
			})
			$oInput.on('blur',function(){
				$oUl.css('display','none');
			})
			$oInput.on('focus',function(){
				$oUl.css('display','block');
			})
			
		</script>
		
		<!----------------------------------导航层    包含商品分类、活动导航等等---------------------------------------->
		<div id="nav">
			<div class="margin">
				<div class="nav-l">
					<!--商品分类标题  开始-->
					<div class="bt"><i class="fonticon fonticon-menu"></i>生态品类</div>
					<ul class="list over">
						<li><a href="javascript:void(0);"><span>超级电视</span><i class="fonticon fonticon-aright">  </i></a></li>
						<li><a href="javascript:void(0);"><span>超级手机</span><i class="fonticon fonticon-aright"></i></a></li>
						<li><a href="javascript:void(0);"><span>酷派手机</span><i class="fonticon fonticon-aright"></i></a></li>
						<li><a href="javascript:void(0);"><span>智能硬件</span><i class="fonticon fonticon-aright"></i></a></li>
						<li><a href="javascript:void(0);"><span>配件会员</span><i class="fonticon fonticon-aright"></i></a></li>
						<li><a href="javascript:void(0);"><span>会员</span><i class="fonticon fonticon-aright"></i></a></li>
						<li><a href="javascript:void(0);"><span>大圣车服</span><i class="fonticon fonticon-aright"></i></a></li>
					</ul>
					<!--商品分类标题          结束-->
					
					<!--商品分类弹出层  开始-->
					<ul class="menu">
						<li class="l1 ll">
							<ul>
								<!--<dt>爆款电视</dt>-->
								
							</ul>
							<ul>
								<!--<dt>优惠手机</dt>-->
								
							</ul>
							<ul>
								<!--<dt>精品配件</dt>-->
								
							</ul>
							<ul>
								<!--<dt>智能设备</dt>-->
								
							</ul>
							<a href="javascript:void(0);" class="r-pic">
								<img src="//img0-lemall.letvimg.com/le-cloud/s-pc/resource/img/Aug 7, 2017/201708/1502088951127.jpg"/>
							</a>
						</li>
						<li class="l2 ll">乐视商城2</li>
						<li class="l3 ll">乐视商城3</li>
						<li class="l4 ll">乐视商城4</li>
						<li class="l5 ll">乐视商城5</li>
						<li class="l6 ll">乐视商城6</li>
						<li class="l7 ll">乐视商城7</li>
					</ul>
					<script type="text/javascript">//整合获取数据库
						var oDl=$('.menu ul');
						function getdatabase(dataname,bt,index){//数据库获取的整合        一共四张表         采用封装函数导入
							$.ajax({
								url:'php/'+dataname+'.php',
								dataType:'json'
							}).done(function(data){
								var str='<li class="dt">'+bt+'</li>';
								for(var i=0; i<data.length;i++){
									str+='<li><a href="javascript:void(0)">'+data[i].title+'</a></li>';
								}
								oDl[index].innerHTML=str;
							});
						}
						getdatabase('jiajudata','爆款电视',0);//获取家居数据库
						getdatabase('yidongdata','优惠手机',1);//获取移动数据库
						getdatabase('peijiandata','精品配件',2);//获取配件数据库
						getdatabase('zhinengdata','智能设备',3);//获取智能设备数据库
						

					</script>
					<!--商品分类弹出层       结束-->
				</div>
				<div class="nav-c  over">
					<a href="javascript:void(0);">乐视会员</a>
					<a href="javascript:void(0);">以旧换新</a>
					<a href="javascript:void(0);">乐迷社区</a>
					<a href="javascript:void(0);">超级汽车</a>
				</div>
				<div class="nav-r  over">
					<a href="javascript:void(0);">比一比</a>
					<a href="javascript:void(0);">问一问</a>
				</div>
			</div>
		</div>
		
		
		<!----------------------------------轮播图层    包含图片内容、活动导航等等---------------------------------------->
		<div id="playpic">
			<div class="margin">
			<!--轮播图-->
			<div class="slide">
				<ul class="play">
					<li style="background: rgb(137, 33, 34);"><a href="javascript:void(0);"><img src="//img2-lemall.letvimg.com/ag/20170628/default/1307825880465952"></a></li>
					<li style="background: rgb(7, 5, 8);"><a href="javascript:void(0);"><img src="//img2-lemall.letvimg.com/le-cloud/s-pc/resource/img/Aug 4, 2017/201708/1501817021066.jpg"></a></li>
					<li style="background: rgb(255, 180, 0);"><a href="javascript:void(0);"><img src="//img2-lemall.letvimg.com/le-cloud/s-pc/resource/img/Aug 7, 2017/201708/1502088853064.jpg"></a></li>
					<li style="background: rgb(242, 242, 242);"><a href="javascript:void(0);"><img src="//img2-lemall.letvimg.com/ag/20170628/default/1308617807565062"></a></li>
					<li style="background: rgb(137, 33, 34);"><a href="javascript:void(0);"><img src="//img2-lemall.letvimg.com/ag/20170628/default/1307825880465952"></a></li>
					<li style="background: rgb(7, 5, 8);"><a href="javascript:void(0);"><img src="//img2-lemall.letvimg.com/le-cloud/s-pc/resource/img/Aug 4, 2017/201708/1501817021066.jpg"></a></li>
				</ul>
				<!--轮播图按钮-->
				<ol class="btnlist">
		            <li class="active"></li>
		            <li></li>
		            <li></li>
		            <li></li>
		        </ol>
		        <!--轮播图  左右  按钮-->
		        <a href="javascript:;" id="left">&lt;</a>
		        <a href="javascript:;" id="right">&gt;</a>
		        <!--轮播图按钮       结束-->
			</div>
			    <!--广告     开始-->
				<div class="play-b">
					<!--5张图片广告 开始-->
					<ul class="playul">
						<li><a href="javascript:void(0)"></a></li>
						<li><a href="javascript:void(0)"></a></li>
						<li><a href="javascript:void(0)"></a></li>
						<li><a href="javascript:void(0)"></a></li>
						<li><a href="javascript:void(0)"></a></li>
					</ul>
					<!--5张图片广告  结束-->
					<script type="text/javascript">//5张图片广告数据库导入
						$.ajax({
							url:'php/picdata.php',
							dataType:'json'
						}).done(function(data){
							var $oA=$('.play-b a');
							for(var i=0; i<data.length;i++){
								$oA.eq(i).html('<img src="'+data[i].url+'">');
							}
						});

					</script>
					<!--动态公告 开始-->
					<div class="b">
						<div class="l">
							<div class="bt">
	                        	<a href="javascript:void(0)" target="_blank" class="tu">
	                        		<i></i>
	                        	</a>
		                        <a class="more" href="javascript:void(0)" target="_blank">更多&gt;</a>
							</div>
	                    	<div class="btm">
                            <!-- 生态头条 图文列表 -->
                                <ul class="pictxt">
	                                <li>
	                                	<a href="javascript:void(0)" target="_blank">
	                                		<img alt="FF加州新生产基地揭幕" src="//img3-lemall.letvimg.com/le-cloud/s-pc/resource/img/Aug 7, 2017/201708/1502087604706.png">
	                                		<span class="text over">FF加州新生产基地揭幕</span>
	                                	</a>
	                                </li>
	                                <li>
	                                	<a href="javascript:void(0)" target="_blank">
	                                		<img alt="乐视云到底有多安全？" src="//img3-lemall.letvimg.com/le-cloud/s-pc/resource/img/Aug 23, 2017/201708/1503456596768.png">
	                                		<span class="text over">乐视云到底有多安全？</span>
	                                	</a>
	                                </li>
                                </ul>
                                  <!-- 生态头条 文字列表 -->
                                <ul class="msg">
									<li>
										<a href="javascript:void(0)" target="_blank">宝马“i系列之父”Ulrich Kranz加盟FF</a>
									</li>
									<li>
										<a href="javascript:void(0)" target="_blank">超级电视开售4周年，共享电视的历史性时刻到来！</a>
									</li>
									<li>
										<a href="javascript:void(0)" target="_blank">新乐视如何掘金大屏互联网</a>
									</li>
									<li>
										<a href="javascript:void(0)" target="_blank">手机用户调研问卷</a>
									</li>
                                </ul>
                        	</div>
						</div>
						<div class="c">
							<div class="bt">
	                        	<h4>商城公告</h4>
		                        <a class="more" href="javascript:void(0)" target="_blank">更多&gt;</a>
							</div>
							<ul class="msg">
									<li>
										<a href="javascript:void(0)" target="_blank">【调研】乐视手机用户调研</a>
									</li>
									<li>
										<a href="javascript:void(0)" target="_blank">【公告】湖南地区配送延迟公告</a>
									</li>
									<li>
										<a href="javascript:void(0)" target="_blank">【公告】参与问卷调查中奖通知</a>
									</li>
									<li>
										<a href="javascript:void(0)" target="_blank">【公告】防诈骗声明</a>
									</li>
                                </ul>
						</div>
						<div class="r">
							<div class="bt">
	                        	<h4>生活服务</h4>
							</div>
							<ul class="sev">
								<li>
									<a href="javascript:void(0)" target="_blank">
										<i class="i1"></i>
										<p>影视会员</p>
									</a>
								</li>
								<li>
									<a href="javascript:void(0)" target="_blank">
										<i class="i2"></i>
										<p>体育会员</p>
									</a>
								</li>
								<li>
									<a href="javascript:void(0)" target="_blank">
										<img src="//img2-lemall.letvimg.com/le-cloud/s-pc/resource/img/201705/1493900336086.png@imageview/3/p/100" class="i3"></i>
										<p>乐次元会员</p>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<!--动态公告     结束-->
				</div>
			</div>
		</div>
		
		
		<!-----------------------------------  手风琴  效果层  start ----------------------------------------->
		<div id="fengqin">
			<div class="margin">
				<ul class="clear">
		            <li>
		                <div class="des"><h4>超级手机</h4></div>
		                <a href="javascript:void(0)"><div class="tu"></div></a>
		            </li>
		            <li>
		                <div class="des"><h4>爆款电视</h4></div>
		                <a href="javascript:void(0)"><div class="tu"></div></a>
		            </li>
		            <li>
		                <div class="des"><h4>精品配件</h4></div>
		                <a href="javascript:void(0)"><div class="tu"></div></a>
		            </li>
		            <li>
		                <div class="des"><h4>智能生活</h4></div>
		                <a href="javascript:void(0)"><div class="tu"></div></a>
		            </li>
		            <li>
		                <div class="des"><h4>特色服务</h4></div>
		                <a href="javascript:void(0)"><div class="tu"></div></a>
		            </li>
		        </ul>
			</div>
	    </div>
	    <script type="text/javascript">//5张图片广告数据库导入
			$.ajax({
				url:'php/picdata.php',
				dataType:'json'
			}).done(function(data){
				var $oTu=$('#fengqin .tu');
				for(var i=0; i<data.length;i++){
					$oTu.eq(i).html('<img src="'+data[i].url+'" class="t1">');
				}
			});
			
			
		</script>
		<!-------------------------------------  手风琴  效果层  end ----------------------------------------->
		
		
		
		
		<!-----------------------------------------内容部分分割线------------------------------------------->
		
		<!-----------------------------------------家居生活馆开始------------------------------------------->
		<div id="jiaju" class="louti">
			<div class="margin">
				<div class="bt">
					<h4><i class="yd ht"></i>家居生活馆</h4>
				</div>
				<ul>
					<li class="li1 img">
						<a href="javascript:void(0)" target="_blank" class="l1-1" >
							<img src="//img2-lemall.letvimg.com/le-cloud/s-pc/resource/img/Aug 7, 2017/201708/1502088975885.jpg"/>
						</a>
					</li>
					<li class="li1">
					    <a href="javascript:void(0)" target="_blank" class="l1-1" >
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="name"></div>
					            <a href="javascript:void(0)" class="TV"></a>
					        </div>
					    </a>
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">//家居生活  数据库导入
			$.ajax({
				url:'php/jiajudata.php',
				dataType:'json'
			}).done(function(data){
				var $oPic=$('#jiaju .Pic');
				var $oName=$('#jiaju .name');
				var $oPrice=$('#jiaju .price');
				var $oInfo=$('#jiaju .info');
				for(var i=0; i<data.length;i++){
					/*$oPic.eq(i).html('<img src="'+data[i].url+'">');*/
					$oName.eq(i).html(data[i].title);
				}
				for(var j=0;j<$oInfo.length;j++){
					$oInfo.eq(j).html(data[j].info);
				}
				for(var m=0;m<$oPrice.length;m++){
					$oPrice.eq(m).html(data[m].price);
				}
			});
			
			
			var $bstop=true;//请求一次
			$(window).on('scroll load',function(){
				var $scrolltop=$(window).scrollTop();//滚轮的距离
				var $clientH=$(window).height();//可视区的高
				for(var i=0;i<$('#jiaju .Pic').length;i++){
					$offset=$('#jiaju .Pic').eq(i).offset().top;//盒子top值
					if($offset<=$scrolltop+$clientH){
						if($bstop){
							$.ajax({
								url:'php/jiajudata.php',
								dataType:'json',
								beforeSend:function(){//懒加载,请求之前干的事情
									$('#jiaju .Pic').eq(i).html('<img src="img/load.gif" class="loading">');
								}
							}).done(function(data){
								setTimeout(function(){
									for(var i=0;i<data.length;i++){
										//console.log(data[i].url);
						                $('#jiaju .Pic').eq(i).find('.loading').hide();
										$('#jiaju .Pic').eq(i).html('<img src="'+data[i].url+'">');
										$bstop=false;
									}
								},2000)
	
							})
						}
					}
				}

			});
			
			
		</script>
		<!----------------------------------------家居生活馆结束-------------------------------------------->
		
		
		<!----------------------------------------滚动                开始-------------------------------------------->
		<div id="gundong1" class="margin">

				<div class="sli">
					<ul class="u1">
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			        </ul>
				</div>

	    </div>
	    <script type="text/javascript">//5张图片广告数据库导入
			$.ajax({
				url:'php/jddata.php',
				dataType:'json'
			}).done(function(data){
				var $oTu1=$('#gundong1 .jpg1');
				var $oTu2=$('#gundong1 .jpg2');
				for(var i=0; i<$oTu1.length;i++){
					$oTu1.eq(i).html('<img src="'+data[i].url+'">');
					$oTu2.eq(i).html('<img src="'+data[i].url+'">');
				}
			});
		</script>
		<!----------------------------------------滚动             开始-------------------------------------------->
		
		
		
		
		<!----------------------------------------移动生活馆馆开始-------------------------------------------->
		<div id="yidong" class="louti">
			<div class="margin">
				<div class="bt">
					<h4><i class="yd ht"></i>移动生活馆</h4>
				</div>
				<ul>
					<li class="li1 img">
						<a href="javascript:void(0)" target="_blank" class="l1-1" >
							<img src="//img2-lemall.letvimg.com/ag/20170628/default/1311380400207526" />
						</a>
					</li>
					<li class="li1">
					    <a href="javascript:void(0)" target="_blank" class="l1-1" >
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="name"></div>
					            <a href="javascript:void(0)" class="TV"></a>
					        </div>
					    </a>
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">//移动生活  数据库导入
			$.ajax({
				url:'php/yidongdata.php',
				dataType:'json'
			}).done(function(data){
				var $oPic=$('#yidong .Pic');
				var $oName=$('#yidong .name');
				var $oPrice=$('#yidong .price');
				var $oInfo=$('#yidong .info');
				for(var i=0; i<data.length;i++){
					$oPic.eq(i).html('<img src="'+data[i].url+'">');
					$oName.eq(i).html(data[i].title);
				}
				for(var j=0;j<$oInfo.length;j++){
					$oInfo.eq(j).html(data[j].info);
				}
				for(var m=0;m<$oPrice.length;m++){
					$oPrice.eq(m).html(data[m].price);
				}
			});
		</script>
		<!----------------------------------------移动生活馆馆结束-------------------------------------------->
		
		
		
		
		
		<!-----------------------------------------精品配件馆开始-------------------------------------------->
		<div id="peijian" class="louti">
			<div class="margin">
				<div class="bt">
					<h4><i class="pj ht"></i>精品配件馆</h4>
				</div>
				<ul>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li4">
						<a href="javascript:void(0)" target="_blank" class="l4-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="name"></div>
					            <a href="javascript:void(0)" class="TV"></a>
					        </div>
					    </a>
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">//精品配件   数据库导入
			$.ajax({
				url:'php/peijiandata.php',
				dataType:'json'
			}).done(function(data){
				var oPic=$('#peijian .Pic');
				var oName=$('#peijian .name');
				var oPrice=$('#peijian .price');
				var oInfo=$('#peijian .info');
				for(var i=0; i<data.length;i++){
					oPic.eq(i).html('<img src="'+data[i].url+'">');
					oName.eq(i).html(data[i].title);
				}
				for(var j=0;j<oInfo.length;j++){
					oInfo.eq(j).html(data[j].info);
				}
				for(var m=0;m<oPrice.length;m++){
					oPrice.eq(m).html(data[m].price);
				}
			});
		</script>
		<!----------------------------------------精品配件馆   结束-------------------------------------------->
		
		
		<!----------------------------------------滚动                开始-------------------------------------------->
		<div id="gundong2" class="margin">

				<div class="sli">
					<ul class="u2">
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg1"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			            <li class="jpg2"></li>
			        </ul>
				</div>

	    </div>
	    <script type="text/javascript">//5张图片广告数据库导入
			$.ajax({
				url:'php/jddata.php',
				dataType:'json'
			}).done(function(data){
				var $oTu1=$('#gundong2 .jpg1');
				var $oTu2=$('#gundong2 .jpg2');
				for(var i=0; i<$oTu1.length;i++){
					$oTu1.eq(i).html('<img src="'+data[i].url+'">');
					$oTu2.eq(i).html('<img src="'+data[i].url+'">');
				}
			});
		</script>
		<!----------------------------------------滚动             开始-------------------------------------------->
		
		
		
		
		<!----------------------------------------智能生活馆   开始-------------------------------------------->
		<div id="zhineng" class="louti">
			<div class="margin">
				<div class="bt">
					<h4><i class="pj ht"></i>智能生活馆</h4>
				</div>
				<ul>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li1">
						<a href="javascript:void(0)" target="_blank" class="l1-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="info"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li2">
						<a href="javascript:void(0)" target="_blank" class="l2-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li3">
						<a href="javascript:void(0)" target="_blank" class="l3-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="Text">
					                <div class="name"></div>
					                <div class="price  over"></div>
					            </div>
					        </div>
					    </a>
					</li>
					<li class="li4">
						<a href="javascript:void(0)" target="_blank" class="l4-1">
					        <div class="Box">
					            <div class="Pic"></div>
					            <div class="name"></div>
					            <a href="javascript:void(0)" class="TV"></a>
					        </div>
					    </a>
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">//智能生活   数据库导入
			$.ajax({
				url:'php/zhinengdata.php',
				dataType:'json'
			}).done(function(data){
				var oPic=$('#zhineng .Pic');
				var oName=$('#zhineng .name');
				var oPrice=$('#zhineng .price');
				var oInfo=$('#zhineng .info');
				for(var i=0; i<data.length;i++){
					oPic.eq(i).html('<img src="'+data[i].url+'">');
					oName.eq(i).html(data[i].title);
				}
				for(var j=0;j<oInfo.length;j++){
					oInfo.eq(j).html(data[j].info);
				}
				for(var m=0;m<oPrice.length;m++){
					oPrice.eq(m).html(data[m].price);
				}
			});
		</script>
		<!----------------------------------------智能生活馆馆结束-------------------------------------------->
		
		
		
		<!-----------------------------------------页脚部分分隔---------------------------------------------->
		<!--服务介绍     开始-->
		<div id="footer-service" class="margin">
			<ul>
				<li><i class="p1 p"></i>正品保障</li>
				<li><a href="javascript:void(0);"><i class="p2 p"></i>7天无理由退货</a></li>
				<li><a href="javascript:void(0);"><i class="p3 p"></i>满150包邮</a></li>
				<li><a href="javascript:void(0);"><i class="p4 p"></i>售后服务网点</a></li>
			</ul>
		</div>
		<!--服务介绍     结束-->
		<!--页脚      开始-->
		<div id="footer">
			<div class="margin">
				<div class="sort">
					<div class="l">
						<dl>
							<dt>生态分类</dt>
							<dd><a href="javascript:void(0);">超级电视</a></dd>
							<dd><a href="javascript:void(0);">超级手机</a></dd>
							<dd><a href="javascript:void(0);">智能硬件</a></dd>
							<dd><a href="javascript:void(0);">移动周边</a></dd>
							<dd><a href="javascript:void(0);">乐视会员</a></dd>
						</dl>
						<dl>
							<dt>生态服务</dt>
							<dd><a href="javascript:void(0);">生态头条</a></dd>
							<dd><a href="javascript:void(0);">乐迷社区</a></dd>
							<dd><a href="javascript:void(0);">比一比</a></dd>
							<dd><a href="javascript:void(0);">问一问</a></dd>
						</dl>
						<dl>
							<dt>帮助中心</dt>
							<dd><a href="javascript:void(0);">新手入门</a></dd>
							<dd><a href="javascript:void(0);">订单服务</a></dd>
							<dd><a href="javascript:void(0);">物流服务</a></dd>
							<dd><a href="javascript:void(0);">售后政策</a></dd>
							<dd><a href="javascript:void(0);">安装保修</a></dd>
							<dd><a href="javascript:void(0);">自助服务</a></dd>
						</dl>
						<dl>
							<dt>服务支持</dt>
							<dd><a href="javascript:void(0);">线下体验厅</a></dd>
							<dd><a href="javascript:void(0);">线下LePar店</a></dd>
							<dd><a href="javascript:void(0);">售后服务网点</a></dd>
							<dd><a href="javascript:void(0);">销售联盟</a></dd>
							<dd><a href="javascript:void(0);">分享邀请</a></dd>
							<dd><a href="javascript:void(0);">乐码通道</a></dd>
						</dl>
						<dl>
							<dt>关于乐视中心</dt>
							<dd><a href="javascript:void(0);">公司介绍</a></dd>
							<dd><a href="javascript:void(0);">联系我们</a></dd>
							<dd><a href="javascript:void(0);">加入我们</a></dd>
							<dd><a href="javascript:void(0);">关注我们</a></dd>
						</dl>
					</div>
					<div class="r">
						<div class="tel">
							<p>1010-9000</p>
							7*24小时客服电话
						</div>
						<a href="javascript:void(0);">在线客服9:00-22:00</a>
					</div>
				</div>
				
				<!--友情链接开始-->
				<div class="frelink clear">
					<h4><a href="javascript:void(0);">友情链接：</a></h4>
					<ul>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
						<li><a href="javascript:void(0);">乐视商城</a></li>
					</ul>
				</div>
				<!--友情链接      结束-->
				
				<!--版权层开始-->
				<div class="corit">
                    <div class="selected">
                        <a class="cou" href="javascript:void(0)">
                            <i class="china cp"></i>
                            <span class="">中国站</span>
                        </a>
                        <ul>
	                        <li>
	                            <a target="_blank" href="http://hk.lemall.com" action="0" category="5">
	                                <i class="hongkong cp"></i>
	                                <span calss="">Hong Kong</span>
	                            </a>
	                        </li>
	                        <li>
	                            <a target="_blank" href="http://us.lemall.com/us/" action="0" category="5">
	                                <i class="usa cp"></i>
	                                <span calss="">U.S.A</span>
	                            </a>
	                        </li>
	                        <li>
	                            <a target="_blank" href="http://in.lemall.com/in/" action="0" category="5">
	                                <i class="india cp"></i>
	                                <span calss="">India</span>
	                            </a>
	                        </li>
	                        <li>
	                            <a target="_blank" href="http://www.lemall.ru" action="0" category="5">
	                                <i class="russia cp"></i>
	                                <span calss="">Russia</span>
	                            </a>
	                        </li>
	
	                    </ul>
                    </div>
                    
                    <div class="copy over">Copyright © 2004-2017 乐视电子商务(北京)有限公司 All rights reserved. 京ICP备16033412号-1 网络文化经营许可证文网文[2009]221号
                    </div>
                    
                    <div class="r">
						<a href="https://credit.szfw.org/CX20170524038176860685.html?ref=cn:yw_rz" target="_blank" ref="cn:yw_rz">
							<img src="//img0-lemall.letvimg.com/le-cloud/s-pc/resource/img/201706/1497594833385.png@imageview/3/p/100" border="0">
						</a>
					</div>
				</div>
				<!--版权层    结束-->
			</div>
		</div>
		<!--页脚       结束-->
		
		
		
		
		
		
		<!--左侧导航-->
		<div id="louti">
        	<ul>
	            <li class="b1">
	           		<a href="javascript:void(0)" class="active">
	            		<span class="text">家居<br>大屏</span>
	           		</a>
	            </li>
	            <li class="b2">
	            	<a href="javascript:void(0)" class="">
	            		<span class="text">移动<br>生活</span>
	            	</a>
	            </li>
	            <li class="b3">
	            	<a href="javascript:void(0)" class="">
	            		<span class="text">精品<br>配件</span>
	            	</a>
	            </li>
	            <li class="b4">
	            	<a href="javascript:void(0)" class="">
	            		<span class="text">智能<br>生活</span>
	            	</a>
	            </li>
           </ul>
       </div>
        <!--左侧导航-->
        
        
        
    	<!--右侧浮动功能栏    start-->
        <div id="funclist">
			<!-- 购物车 -->
		    <div class="shopping gen" style="display: block;">
		  		<a href="shop.html" target="_blank" class="tubiao"><i class="fonticon f1 spe"></i></a>
		      	<div class="shop_show sh" style="display: none;">
					<div class="ico">购物车</div>
				</div>
		  	</div>
		
		  	<!-- 百度分享 -->
			<div class="baidu gen" style="display: block;">
				<a href="javascript:void(0);" class="tubiao"><i class="fonticon f2"></i></a>
	      		<div class="share_show sh" style="display: none;">
					<div class="alist clear">
		               <a title="分享到腾讯微博" href="javascript:void(0);" class="weibo">腾讯微博</a>
		               <a title="分享到QQ好友" href="javascript:void(0);" class="qq">Q&nbsp;&nbsp;Q</a>
		               <a title="分享到微信" href="javascript:void(0);" class="weixin">微信</a>
		               <a title="分享到QQ空间" href="javascript:void(0);" class="qzone">QQ空间</a>
		               <a title="分享到新浪微博" href="javascript:void(0);" class="tsina">新浪微博</a>
					</div>
				</div>
			</div>
		
			<!-- 招募令 -->
		    <div class="zhaomu gen" tyle="display: block;">
				<a href="javascript:void(0);" target="_blank" class="tubiao"><i class="fonticon f3"></i></a>
		      	<div class="ling_show sh" style="display: none;">
					<div class="ico">招募令</div>
				</div>
			</div>
		
		  	<!-- 在线客服 -->
		    <div class="kefu gen" style="display: block;">
				<a href="javascript:void(0);" target="_blank" class="tubiao"><i class="fonticon f4"></i></a>
		      	<div class="kefu_show sh" style="display: none;">
					<div class="ico">在线客服</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var oGen=document.getElementsByClassName('gen');
			var oSh=document.getElementsByClassName('sh');
			for(var i=0;i<oGen.length;i++){
				oGen[i].index=i;
				oGen[i].onmouseover=function(){
					oSh[this.index].style.display="block";
					this.onmouseout=function(){
						for(var j=0;j<oGen.length;j++){
							oSh[j].style.display="none";
						}
					}
				}
			}
		</script>
        <!--右侧浮动功能栏    end-->
        
        
        
        <!--返回顶部-->
        <div id="retop">
			<div class="kuang">
				<a href="javascript:void(0)" class="tubiao"><i></i></a>
			</div>
		</div>
        <!--返回顶部-->
        
        <!--电视机   start-->
        <div id="TV">
        	<div class="video">
        		<div class="close">
        			<a href="javascript:void(0)" class="clobtn">关闭</a>
        		</div>
        		<div class="videobox" >
        			<embed src='http://player.youku.com/player.php/sid/XNjUwNTIwNDAw/v.swf' allowFullScreen='true' quality='high' width='790' height='430' align='middle' x-webkit-airplay="allow" autoplay="" preload="auto" allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
        			
        		</div>
        	</div>
        </div>
        <script type="text/javascript">
        	var oTv=document.getElementById('TV');
        	var oTvbtn=document.getElementsByClassName('TV');
        	var oClose=document.getElementsByClassName('clobtn')[0];
        	for(var i=0;i<oTvbtn.length;i++){
        		oTvbtn[i].onclick=function(){
        			oTv.style.visibility='visible';
        		}
        	}
        	oClose.onclick=function(){
        		oTv.style.visibility='hidden';
        	}
        </script>
        <!--电视机   end-->
        
	</body>
</html>
